import axios from 'axios'
import { ElMessage, ElLoading } from 'element-plus'
// import { getToken } from "@/ultils/token";

var loading = {
  _load: null,
  show() {
    this._load = ElLoading.service({
      text: 'loading...',
    })
  },
  hide() {
    this._load.close()
  },
}

// 设置请求超时时间(ms)
axios.defaults.timeout = 2000 * 1000
// 跨域请求，允许保存cookie
axios.defaults.withCredentials = true
// axios.defaults.baseURL = '/webApi'

// 请求拦截器
axios.interceptors.request.use(
  config => {
    // 请求中的加载提示
    loading.show()
    //如有需要：注意使用token的时候需要引入cookie方法或者用本地localStorage等方法，推荐js-cookie
    //const token = getCookie('名称');//这里取token之前，你肯定需要先拿到token,存一下
    //if(token){
    //config.params = {'token':token} //如果要求携带在参数中
    //config.headers.token= token; //如果要求携带在请求头中
    //}
    return config
  },
  error => {
    // 请求错误
    loading.hide()
    Promise.reject(error)
  },
)

// // 请求拦截器,发送请求前要经过这里,发送请求要把token带过去可以在这里面写
// axios.interceptors.request.use(function (config) {
//     // Do something before request is sent
//     const token = getToken()
//     if (token) {
//         config.headers.token = token
//     }

//     return config;
// }, function (error) {
//     // Do something with request error
//     return Promise.reject(error);
// })

// 响应拦截器
axios.interceptors.response.use(
  response => {
    //接收到响应数据并成功后的一些共有的处理，关闭loading等
    // 响应成功
    loading.hide();
    return response
  },
  error => {
    /***** 接收到异常响应的处理开始 *****/
    if (error && error.response) {
      // 1.公共错误处理
      // 2.根据响应码具体处理
      switch (error.response.status) {
        case 400:
          error.message = '错误请求'
          break
        case 401:
          error.message = '未授权，请重新登录'
          break
        case 403:
          error.message = '拒绝访问'
          break
        case 404:
          error.message = '请求错误,未找到该资源'
          window.location.href = '/NotFound'
          break
        case 405:
          error.message = '请求方法未允许'
          break
        case 408:
          error.message = '请求超时'
          break
        case 500:
          error.message = '服务器端出错'
          break
        case 501:
          error.message = '网络未实现'
          break
        case 502:
          error.message = '网络错误'
          break
        case 503:
          error.message = '服务不可用'
          break
        case 504:
          error.message = '网络超时'
          break
        case 505:
          error.message = 'http版本不支持该请求'
          break
        default:
          error.message = `连接错误${error.response.status}`
      }
    } else {
      // 超时处理
      if (JSON.stringify(error).includes('timeout')) {
        ElMessage.error('服务器响应超时，请刷新当前页')
      }
      error.message = '连接服务器失败'
    }
    
    loading.hide();
    ElMessage.error(error.message)
    /***** 处理结束 *****/
    //如果不需要错误处理，以上的处理过程都可省略
    return Promise.resolve(error.response)
  },
)

export default axios
